$(function () {
    // 侧边栏的高度
    var wenDang=$('html').height()//文档的高度
    var chuangKou=$(window).height();//窗口的高度
    if(wenDang<=chuangKou)
    {
        $('.main_left').height(chuangKou)
    }
    else
    {
        $('.main_left').height(wenDang)
    }
    // 遮罩层的top值mask-change,判断窗口是否发生滚动
    $(document).scroll(function () {
        var zhegao=$(document).scrollTop()
        if($(document).scrollTop()==0)
        {
            $('.mask-change').css('top',0)
        }
        else
        {
            $('.mask-change').css('top',zhegao)
        }
    })

    // 表格特效
    var wid_tr=$('table tr').eq(0).width()
    $('.wrap_mask').width(wid_tr)
    $('.wrap_mask div').each(function (x) {
        $(this).css('top',x*42)
        $(this).width(wid_tr)
    })
    $('table tr').each(function(x){
        $(this).mouseover(function () {
            $(this).css({'background-color':'transparent','box-shadow':'0 0 10px #7d85a6'})
            $('.wrap_mask div').eq(x-1).css('display','block')
        })
        $(this).mouseout(function () {
            $(this).css({'background':'#f1f3ff','box-shadow':''})
            $('.wrap_mask div').eq(x-1).css('display','none')
        })
    })
    // 侧边栏的特效
    $('.list li').each(function(x) {

        $(this).children('p').attr('onOff',1)
        $(this).children('p').click(function() {
            var or=$(this).attr('onOff')
            console.log(or)
            if( or==1 )
            {

                $(this).children('span.unactive').addClass('active')
                $(this).addClass('active')
                $(this).siblings('div').show()
                $(this).siblings('div').children('div').show()
                $(this).attr('onOff',0)
            }
            else
            {
                $(this).children('span.unactive').addClass('active')
                $(this).addClass('active')
                $(this).siblings('div').hide()
                $(this).siblings('div').children('div').hide()
                $(this).attr('onOff',1)
            }
        })

        $(this).hover(function () {
            $(this).children('p').children('span.unactive').addClass('active')
            $(this).children('p').addClass('active')
            $(this).siblings('li').children('p').children('span.unactive').removeClass('active')
            $(this).siblings('li').children('p').removeClass('active')
        },function () {
            // $(this).children('p').children('span.unactive').removeClass('active')
            // $(this).children('p').removeClass('active')
        })
    })
    // 有关右上角nav的特效
    $('.admin li').each(function(x){
        $(this).hover(function () {
            if(x==1)
            {
                $(this).children('img').attr('src','images/ad21.png')
                $(this).click(function () {
                    $('.mask-change').show()
                    $('.chang-password').show()
                })
            }
            if(x==2)
            {
                $(this).children('img').attr('src','images/ad22.png')
                $(this).click(function() {
                    $('.mask-change').show()
                    $('.every-tuichu').show()
                })
            }
        },function () {
            if(x==1)
            {
                $(this).children('img').attr('src','images/ad1.jpg')
            }
            if(x==2)
            {
                $(this).children('img').attr('src','images/ad2.jpg')
            }
        })
    })
    $('.cancle,.chang-cancle,.zixun-cancle').click(function() {
        $('.mask-change').hide()
        $('.chang-password').hide()
        $('.tuichu').hide()
        $('.look-report').hide()
        $('.presee').hide()
        $('.tag-tan').hide()
        $('.look-shaicha').hide()

        // alert(1)
    })
    // 侧边栏修改密码
    $('.side-change-password').click(function () {
        $('.mask-change').show()
        $('.chang-password').show()
    })

    //报告管理页面查看报告
    $('.look-kan').click(function () {
        $('.look-report').show()
        $('.mask-change').show()
    })
    // 引用jqueryUI所做出来的侧边栏
    var icons = {
        header: "ui-icon-circle-1-e",
        activeHeader: "ui-icon-circle-arrow-s"
    };
    $( "#accordion" ).accordion({
        collapsible: true,
        active:1,
        heightStyle: "content",
        icons: icons
    });


// 搜索很多项时出来的分页

})